async function getData() {
    const { data: { data: { list: res } } } = await axios({
        method: 'GET',
        url: 'http://124.223.14.236:3001/api/recipe',
        params: {
            pageNum: '1',
            pageSize: '30'
        }
    })
    console.log(res)
    document.querySelector('.list-box').innerHTML =  res.map(item => {
        return `
        <li>
            <a href="info.html?id=${item.id}" >
             <img src="http://124.223.14.236:3001/public/${item.img}" alt="" />
            <h3>${item.name}</h3>
            </a>
        </li>
        `
    }).join('')
    
}
getData()
// document.querySelector('.list-box').addEventListener('click', function (e) {
//     if (e.target.tagName === 'LI') {
//         // exports.id = this.data-id
//         console.log('45')
//     }
// })